<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品分类</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
		<link rel="stylesheet" type="text/css" href="css/classify.css"/>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/angular.min.js"></script>
	</head>
	<body ng-app="myApp">
		
		<!--第三部分商品部分-->
		<div class="y_libaiwu" ng-controller="myCtrl">
		<div class="y_libaiwu_top">
			您当前位置:<span>首页 ></span><span>全部商品 ></span><span>苹果 ></span><strong>阿克苏</strong>
		</div>
		<div class=".y_conten_fresh">
			<!--分类部分-->
			<div class="y_conten_list">
				<span>一级分类:</span>
			    <a class="yone">全部</a>
				<a>苹果</a>
				<a>阿克苏</a>
				<a>酒店</a>
				<a>休闲</a>
				<a>电影</a>
			</div>
			<hr />
			<div class="y_conten_list">
				<span>二级分类:</span>
			    <a class="yone">全部</a>
				<a>苹果</a>
				<a>阿克苏</a>
				<a>酒店</a>
				<a>休闲</a>
				<a>电影</a>
			</div>
			<hr />
			<!--销量价格-->
			<div class="y_sv">
				<!--商品分类的左侧销量 价格和评分-->
				<div class="y_sv_left">
					<strong>排序:</strong><a href="###">销量</a>
					    <a href="###">价格</a>
					<a href="###">评分最高</a>
				</div>
				<div class="y_sv_right">
				筛选:
				<span>全国</span>
				<span>次日达</span>
				</div>
			</div>
			<!--总内容部分-->
				<ul class="y_conten_two">
					<li>
						<img src="img/dxg-img-13.png" alt="图片加载失败"/>
						<div>
						<h5>新西兰佳配黄金奇异果</h5>
						 <p>果肉绵密,花蜜般的甘甜白吃不厌</p>
						 <strong>¥28.80</strong><em>¥40.00</em><img src="img/shop1.png" alt="" />
						</div>	
					</li>
					<li>
						<img src="img/dxg-img-13.png"/>
						<div>
						<h5>新西兰佳配黄金奇异果</h5>
						 <p>果肉绵密,花蜜般的甘甜白吃不厌</p>
						 <strong>¥28.80</strong><em>¥40.00</em><img src="img/shop1.png" alt="" />
						</div>	
					</li>
					<li>
						<img src="img/dxg-img-13.png"/>
						<div>
						<h5>新西兰佳配黄金奇异果</h5>
						 <p>果肉绵密,花蜜般的甘甜白吃不厌</p>
						 <strong>¥28.80</strong><em>¥40.00</em><img src="img/shop1.png" alt="" />
						</div>	
					</li>
					<li>
						<img src="img/dxg-img-13.png"/>
						<div>
						<h5>新西兰佳配黄金奇异果</h5>
						 <p>果肉绵密,花蜜般的甘甜白吃不厌</p>
						 <strong>¥28.80</strong><em>¥40.00</em><img src="img/shop1.png" alt="" />
						</div>
						</li>
						<li>
						<img src="img/dxg-img-13.png"/>
						<div>
						<h5>新西兰佳配黄金奇异果</h5>
						 <p>果肉绵密,花蜜般的甘甜白吃不厌</p>
						 <strong>¥28.80</strong><em>¥40.00</em><img src="img/shop1.png" alt="" />
						</div>
						<li>
						<img src="img/dxg-img-13.png"/>
						<div>
						<h5>新西兰佳配黄金奇异果</h5>
						 <p>果肉绵密,花蜜般的甘甜白吃不厌</p>
						 <strong>¥28.80</strong><em>¥40.00</em><img src="img/shop1.png" alt="" />
						</div>
						<li>
						<img src="img/dxg-img-13.png"/>
						<div>
						<h5>新西兰佳配黄金奇异果</h5>
						 <p>果肉绵密,花蜜般的甘甜白吃不厌</p>
						 <strong>¥28.80</strong><em>¥40.00</em><img src="img/shop1.png" alt="" />
						</div>
						<li>
						<img src="img/dxg-img-13.png"/>
						<div>
						<h5>新西兰佳配黄金奇异果</h5>
						 <p>果肉绵密,花蜜般的甘甜白吃不厌</p>
						 <strong>¥28.80</strong><em>¥40.00</em><img src="img/shop1.png" alt="" />
						</div>
						
				</ul>
				<!--底部的分页效果-->
				
				
				</div>
			</div>
	</body>

	<script>
		var app = angular.module("myApp",[]);
		app.controller("myCtrl",function ($scope,$http) {
			$http({
				method:"get",
				url:"http://localhost:8080/classify"
			}).success(function (data) {
				console.log(data)
			})
		})

	</script>
</html>
